.header{
  background-color: #515050;
}
.content{
  width: 1200px;
  margin: 0 auto;
}
.logo-img{
  animation: logo-spin infinite 20s linear;
  height: 68px;

}
.logo{
  font-size: 24px;
  color: #61dafb;
  height: 72px;
  display: flex;
  align-items: center;
}

@keyframes logo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.menu{
  display: flex;
  align-items: center;
  height: 72px;
  font-size: 15px;
}
.ant-menu{
  background:transparent;
}
.ant-menu-item{
    color: #fff;
}
.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-item{
  padding: 0 28px;
}
.ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-submenu:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu-active, .ant-menu-horizontal > .ant-menu-item-open, .ant-menu-horizontal > .ant-menu-submenu-open, .ant-menu-horizontal > .ant-menu-item-selected, .ant-menu-horizontal > .ant-menu-submenu-selected{
  color: #61dafb;
  border-bottom: 2px solid #61dafb;
}
.ant-btn:hover, .ant-btn:focus {
    color: #61dafb;
    background-color: transparent;;
    border-color: #61dafb;
}
.login-register{
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
